$(function () {
    getUser()
    $('#out').on('click', function () {

        layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
            // 退出时清空token值
            localStorage.removeItem('token')
            // 然后跳转到登录界面
            location.href = '/login.html'
            layer.close(index);
        });
    })
})
var layer = layui.layer
//  获取用户的基本信息
function getUser() {
    $.ajax({
        method: 'GET',
        url: '/my/userinfo',
        // 请求头配置对象以 /m 开头的请求路径 需要在开头携带Authorization 身份认证字段 才能正常访问成功
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success: function (res) {
            console.log(res);

            if (res.status !== 0) return layui.layer.msg('获取用户信息失败！')

            xuanran(res.data)
        },
        complete: function (res) {
            console.log(res);
            if (res.responseJSON.status === 1 && res.responseJSON.message === "身份认证失败！") {
                localStorage.removeItem('token')
                location.href = '/login.html'
            }
        }

    })
}
// 渲染用户的信息
function xuanran(user) {
    var name = user.nickname || user.username
    $('#welcome').html('欢迎&nbsp;&nbsp' + name)
    //按需渲染用户的头像
    if (user.user_pic !== null) {
        $('.layui-nav-img').attr('src', user.user_pic).show()
        $('.myname').hide()
    }
    else {
        // 渲染文本图像
        $('.layui-nav-img').hide()
        $('.myname').html(name[0].toUpperCase())
    }
}
